<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Tabs - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.2/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.2/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.2/demo/demo.css">
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>选项卡组件基本使用</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>点击选项卡切换面板内容.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<div class="easyui-tabs" style="width:700px;height:250px">
		<div title="关于" style="padding:10px">
			<p style="font-size:14px">jQuery EasyUI框架帮你轻松构建Web页面.</p>
			<ul>
				<li>easyui是一个基于Jquery的用户接口插件集合.</li>
				<li>easyui提供优秀的功能用于构建可交互的javascript应用程序.</li>
				<li>使用easyui你不需要写很多的javascript代码,你通常只需要写一些HTML标签来定义你的用户接口.</li>
				<li>完整的HTML5框架.</li>
				<li>easyui能够快速开发你的产品.</li>
				<li>easyui很简单但是很强大.</li>
			</ul>
		</div>
		<div title="我的文档" style="padding:10px">
			<ul class="easyui-tree" data-options="url:'../tabs/tree_data1.json',animate:true"></ul>
		</div>
		<div title="帮助" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
			这是帮助文件.
		</div>
	</div>
</body>
</html>